<template>
	<transition name="fade">
		<div class="pop-container"
		v-if="popshow">
			<div class="ui basic modal">
				<slot></slot>
			</div>
		</div>
	</transition>
</template>
<script>
	export default{
		name: 'pop',
		props:['popshow']
	}
</script>
<style lang='less' scoped>
	.pop-container{
		width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    background: rgba(0,0,0,.8);
	}
	.ui.modal{
		display: block;
		transform: translate3d(0, -50%, 0);
	}
</style>